<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="header">
        <div class="header-inner clearfix">
            <div class="header-left">
                <a href="#">金立手机</a>
            </div>
            <div class="header-right">
                <div class="login">
                    <a href="#">你好，请登录</a>
                    <em>|</em>
                    <a href="#">注册</a>
                    <a href="#" class="shopCar"><b></b>购物车(<i>0</i>)</a>
                </div>
                <div class="search">
                    <input type="text" placeholder="输入搜索的产品"><input type="submit" value="">
                </div>
                <ul class="nav">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">手机</a></li>
                    <li><a href="#">配件</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">下载</a></li>
                    <li><a href="#">社区</a></li>
                    <li><a href="#">amigoOS</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner">
        <ul class="clearfix">
            <li><a href="#" class="one"></a></li>
            <li><a href="#" class="two"></a></li>
            <li><a href="#" class="three"></a></li>
        </ul>
        <ul class="banner-nav clearfix">
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div class="starProduct">
        <div class="star-banner">
            <h1>明星产品</h1>
            <ul class="clearfix">
                <li><a href="#"><img src="./images/sp_3.png" alt=""></a></li>
                <li><a href="#"><img src="./images/sp_2.png" alt=""></a></li>
                <li><a href="#"><img src="./images/sp_1.png" alt=""></a></li>
            </ul>
        </div>
    </div>
    <div class="hotbuy">
        <div class="hotbuy-banner clearfix">
            <h2>热卖推荐</h2>
            <p><a href="#">…更多…</a></p>
            <div class="hotbuy-left">
                <img src="./images/hr_0.jpg" alt="">
            </div>
            <div class="hotbuy-right">
                <ul>
                    <li>
                        <a href="#">
                            <img src="./images/hr_1.jpg" alt="">
                            <div class="des">
                                <p>W909</p>
                                <p>双屏翻盖，4GB+64GB</p>
                                <p>￥998</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/hr_2.jpg" alt="">
                            <div class="des">
                                <p>W909</p>
                                <p>双屏翻盖，4GB+64GB</p>
                                <p>￥998</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/hr_3.jpg" alt="">
                            <div class="des">
                                <p>W909</p>
                                <p>双屏翻盖，4GB+64GB</p>
                                <p>￥998</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/hr_4.jpg" alt="">
                            <div class="des">
                                <p>W909</p>
                                <p>双屏翻盖，4GB+64GB</p>
                                <p>￥998</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/hr_5.jpg" alt="">
                            <div class="des">
                                <p>W909</p>
                                <p>双屏翻盖，4GB+64GB</p>
                                <p>￥998</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/hr_6.jpg" alt="">
                            <div class="des">
                                <p>W909</p>
                                <p>双屏翻盖，4GB+64GB</p>
                                <p>￥998</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="bparts">
        <div class="bparts-banner">
            <h2>精美配件</h2>
            <p><a href="#" >…更多…</a></p>
            <ul class="clearfix">
                <li>
                    <a href="#">
                        <img src="./images/ea_1.jpg" alt="">
                        <div class="partsDes">
                            <p>线控自拍杆</p>
                            <p>迷你携带，线控美拍</p>
                            <p>￥49</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/ea_2.jpg" alt="">
                        <div class="partsDes">
                            <p>线控自拍杆</p>
                            <p>迷你携带，线控美拍</p>
                            <p>￥49</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/ea_3.jpg" alt="">
                        <div class="partsDes">
                            <p>线控自拍杆</p>
                            <p>迷你携带，线控美拍</p>
                            <p>￥49</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/ea_4.jpg" alt="">
                        <div class="partsDes">
                            <p>线控自拍杆</p>
                            <p>迷你携带，线控美拍</p>
                            <p>￥49</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/ea_5.jpg" alt="">
                        <div class="partsDes">
                            <p>线控自拍杆</p>
                            <p>迷你携带，线控美拍</p>
                            <p>￥49</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/ea_6.jpg" alt="">
                        <div class="partsDes">
                            <p>线控自拍杆</p>
                            <p>迷你携带，线控美拍</p>
                            <p>￥49</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="brand">
        <div class="brand-banner">
            <h2>品牌动态</h2>
            <ul class="clearfix">
                <li><a href="#"><img src="./images/bn_1.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/bn_2.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/bn_3.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <div class="serve">
        <div class="serve-banner">
            <ul class="clearfix">
                <li>
                    <a href="#">
                        <i class="serveOne"></i>
                        <em>
                            7天</br>退货保障
                        </em>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="serveTwo"></i>
                        <em>
                            7天</br>退货保障
                        </em>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="serveThree"></i>
                        <em>
                            7天</br>退货保障
                        </em>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="serveFour"></i>
                        <em>
                            7天</br>退货保障
                        </em>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="footer-banner clearfix">
            <dl>
                <dt><a href="#">关于金立</a></dt>
                <dd><a href="#">企业荣誉</a></dd>
                <dd><a href="#">金立体验店</a></dd>
                <dd><a href="#">代理商专区</a></dd>
                <dd><a href="#">加入金立</a></dd>
                <dd><a href="#">联系我们</a></dd>
                <dd><a href="#">供应/服务商需求咨询</a></dd>
            </dl>
            <dl>
                <dt><a href="#">新闻资讯</a></dt>
                <dd><a href="#">公司新闻</a></dd>
                <dd><a href="#">媒体报道</a></dd>
                <dd><a href="#">金立月刊</a></dd>
            </dl>
            <dl>
                <dt><a href="#">购物指南</a></dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">支付方式</a></dd>
                <dd><a href="#">配送说明及费用</a></dd>
                <dd><a href="#">订单管理</a></dd>
                <dd><a href="#">购买常见问题</a></dd>
            </dl>
            <dl>
                <dt><a href="#">售后服务</a></dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">售后服务网点</a></dd>
                <dd><a href="#">上门维修</a></dd>
                <dd><a href="#">签收须知</a></dd>
                <dd><a href="#">物流查询</a></dd>
            </dl>
            <dl>
                <dt><a href="#">关注我们</a></dt>
                <dd><a href="#" class="sina"><b></b>新浪微博</a></dd>
                <dd><a href="#" class="TC"><b></b>腾讯微博</a></dd>
                <dd><a href="#" class="QQ"><b></b>QQ空间</a></dd>
            </dl>
            <div class="barcode">
                <span>扫一扫关注微信</span>
            </div>
        </div>
    </div>
    <div class="copyrightDes">
        <div class="copyright-banner">
            <p>网站地图<span>|</span>集团下属公司</p>
            <p>增值电信业务经营许可证：粤B2-20120350 粤ICP备05087105号 粤网文[2013]029-029号 粤文市审[2012]196号<a href="#"><img src="./images/govIcon.gif" alt="深圳市市场监督管理局企业主体身份公示" title="深圳市市场监督管理局企业主体身份公示"><img src="./images/b.png" alt=""></a></p>
            <p>Copyright © 2013 深圳市金立通信设备有限公司 版权所有 .</p>
        </div>
    </div>
</body>

</html>